<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/app/sample.js"></script>
<script>
	var sample = null;

	$(document).ready(function() {
    // create Editor from textarea HTML element with default set of tools
    	sample = new Sample("sampleList");

    	 $("#tabstrip").kendoTabStrip();
	});

	function search(){
		sample.refresh();
	}

	function create_new(){
		document.location = "<?php echo Yii::app()->request->baseUrl; ?>/sample/create";
	}
</script>
<div>
	<div style="margin-bottom: 10px;">
	<button class="k-button" onclick="create_new();">Create new</button>
	</div>	
	<div id="tabstrip">
		<ul>
        	<li class="k-state-active">Search</li>
		</ul>
		<div>
			<table>
				<tr>
					<td style="width:100px">Username</td>
					<td><input type="text" class="k-textbox" id="username" /></td>
				</tr>
				<tr>
					<td>Full name</td>
					<td><input type="text" class="k-textbox" id="fullName" /></td>
				</tr>
				<tr>
					<td colspan="2">
						<button class="k-button" onclick="search();">Search</button>
					</td>
				</tr>
			</table>
		</div>          
	</div>
	<div id="sampleList"></div>

</div>
